<body style="padding: 0px;width: 100%;height: 95vh; background-image: url(http://img4.imgtn.bdimg.com/it/u=647084734,3182818155&fm=214&gp=0.jpg);
background-repeat:no-repeat;background-size:cover">

    <nz-spin style="color:#673ab7" [nzSpinning]="isSpinning" nzTip='Loading...'>
        <!-- <ng-template #indicatorTemplate><i nz-icon type="loading" style="font-size: 24px; color: #673ab7"></i>
        </ng-template> -->
        <div class="animated fadeIn">
            <div style="text-align: center;">


                <form class="example-form" style="padding-top: 12%">
                    <h3>欢迎来到我的家</h3>
                    <mat-form-field class="example-full-width">
                        <input [(ngModel)]="name" name="name" matInput placeholder="用户名" value="">
                    </mat-form-field>

                    <div>
                        <mat-form-field class="example-full-width">
                            <input [(ngModel)]="age" name="age" type="password" matInput placeholder="密码" value="">
                        </mat-form-field>
                    </div>

                </form>
                <button (click)="login()" routerLinkActive="router-link-active" style="background-color: #673ab7;color: white" mat-raised-button>登陆</button>
            </div>
        </div>
    </nz-spin>
</body>